I am doing research about Scalable architecture for Web Development, the research is solely to support Modern Web Development with flexible architecture which can scale up/down according to the needs without losing any core functionality.

By Modern Web I mean to support all the Devices used to access websites, but the loading mechanism for all devices would be different.

My quest of architecture is:

For PC:

Accessing web in PC is faster but it also depends on the Geo-location, so, the application would check by default the capacity of Internet/Browser and load the page according to it.

For Mobile:

Most of the mobile design these days either hide information or use different version of same application. eg: facebook uses m.facebook.com which is completely different than PC version.

Hiding the things from Mobile using JavaScript or CSS is not a solution as it'll consume the bandwidth and make the application slow.

So, my architecture research is about Serving one Application, which has different stack. When the application receives the request it'd send the Packaged Stack to the received request. This way the load time for end users would be faster and maintenance of application for developers would be easier.

I am researching about for 4-tier(layered) architecture like:

1. Presentation Layer
2. Application Logic Layer -- The main Logic layer which stores the Presentation Stack
3. Business Logic Layer
4. Data Layer

Main Question:
Have you come across of similar architecture? If so, then can you list the links here, I'm very much interested to learn about those implementations specially in real world scenario.

Have you thought about similar architectures and tried your own ideas, or if you have any ideas regarding this, then I urge to share.

I am open to any discussions regarding this, so, please feel free to comment/answer.